<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link type="text/css" rel="stylesheet" href="/easyui/themes/icon.css" />
		<link type="text/css" rel="stylesheet" href="/easyui/themes/default/easyui.css" />
		<link type="text/css" rel="stylesheet" href="/css/public.css" />
		<link type="text/css" rel="stylesheet" href="/css/equipment/equipment_list.css" />
		<title>装备管理-装备列表</title>
		<script type="text/javascript" src="/js/jquery.min.js"></script>
		<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="/easyui/easyui-lang-zh_CN.js"></script>
		<script type="text/javascript" src="/easyui/datagrid-filter.js"></script>
	</head>
	
	<body>
		<!-- 装备信息对话框 -->
		<div id="equipment_dialog" style="display:none;">
			<form id="equipment_form">
				<input type="hidden" id="id" name="id" />
								
				<table style="border-spacing:10px;">
					<tr>
						<td>装备类型</td>
						<td>
							<input id="categoryId" name="categoryId" />
						</td>

						<td>装备评分</td>
						<td>
							<input id="score" name="score" />
						</td>

						<td>打造者</td>
						<td>
							<input id="forger" name="forger" />
						</td>
					</tr>
					
					<tr>
						<td>打造类型</td>
						<td>
							<input id="forgeType" name="forgeType" />
						</td>

						<td>附带特效</td>
						<td>
							<input id="texiaoId" name="texiaoId" />
						</td>
					
						<td>附带特技</td>
						<td>
							<input id="tejiId" name="tejiId" />
						</td>
					</tr>

					<tr>
						<td>穿戴状态</td>
						<td>
							<input id="wearStatus" name="wearStatus" />
						</td>

						<td>附灵状态</td>
						<td>
							<input id="fulingStatus" name="fulingStatus" />
						</td>

						<td>归属角色</td>
						<td>
							<input id="roleId" name="roleId" />
						</td>
					</tr>

					<tr>
						<td>耐&ensp;久&ensp;度</td>
						<td>
							<input id="durability" name="durability" />
						</td>

						<td>修理失败</td>
						<td>
							<input id="failTimes" name="failTimes" />
						</td>
					</tr>
				</table>
			</form>
		</div>

		<!-- 装备属性对话框 -->
		<div id="property_dialog" style="display:none;">
			<div id="property_list"></div>
		</div>

		<!-- 装备详情对话框 -->
		<div id="equipment_detail" style="display:none;">
			<table style="border-spacing:1px;">
				<tr>
					<td rowspan=3>
						<div class="equipment_image">
							<i id="icon-class" class="zhenpin"></i>
							<img id="equipment_image" />
						</div>
					</td>

					<td>
						<span id="equipment_name">碧落星河</span>

						<div class="yellow">
							类型：<span id="equipment_type">宝珠</span>
						</div>

						<div class="yellow">
							等级：<span id="equipment_grade">70</span>
						</div>
					</td>
				</tr>
			</table>

			<div class="yellow">基础属性</div>

			<!-- 基础属性 -->
			<div id="base_attribute">
				<span>&emsp;物理伤害</span>&ensp;+641<br/>
				<span>&emsp;法术伤害</span>&ensp;+144<br/>
				<span>&emsp;治疗强度</span>&ensp;+231<br/>
			</div>

			<!-- 附加属性 -->
			<div id="green_attribute">
				&emsp;<span>力量</span>+25&emsp;&emsp;<span>敏捷</span>+25<br />
			</div>

			<!-- 熔炼属性 -->
			<div id="rl-attribute">
				<div class="yellow">熔炼效果</div>

				<!-- 基础属性 -->
				<div id="rl-base_attribute">
					<span>&emsp;物理伤害</span>&ensp;+19<br/>
					<span>&emsp;法术伤害</span>&ensp;+20<br/>
					<span>&emsp;治疗强度</span>&ensp;+5<br/>
				</div>

				<!-- 附加属性 -->
				<div id="rl-green_attribute">
					&emsp;<span>力量</span>+2&emsp;&emsp;<span>敏捷</span>+2<br />
				</div>
			</div>

			<div id="equipment_texiao">
				&emsp;特效&ensp;<span id="texiao">简易</span>
			</div>

			<div id="equipment_teji">
				&emsp;特技&ensp;<span id="teji">破血狂攻</span>
			</div>

			<!--装备器灵信息-->
			<div id="equipment_qiling">
				<div class="yellow">器灵属性</div>

				<div id="equipment_qiling_attribute">
					<span>&emsp;物理伤害</span>&ensp;+52<br/>
					<span>&emsp;法术伤害</span>&ensp;+28<br/>
					<span>&emsp;治疗强度</span>&ensp;+52<br/>
				</div>

				&emsp;<span id="equipment_qiling_taozhuang">风起雷涌 · 六件</span>
			</div>

			<!--装备宝石信息-->
			<div id="equipment_baoshi">
				<div class="yellow">宝石属性</div>

				<!-- 宝石属性 -->
				<div id="equipment_baoshi_attribute">
			     	<span>
			     		&emsp;9级太阳石&ensp;物理伤害&ensp;+72
			     	</span><br/>

					<span>
			     		&emsp;9级太阳石&ensp;物理伤害&ensp;+72
			     	</span><br/>
				</div>
			</div>

			<div class="yellow">
				打造：<span id="equipment_forger">沐雨橙风ιε</span>&emsp;<span id="forger_type">专属打造</span>
			</div>

			<div class="yellow">
				耐久度：<span id="equipment_durability">500</span>
			</div>

			<div class="yellow">
				评分：<span id="equipment_score">800</span>&emsp;<span id="fuling_status"></span>
			</div>

			<input type="hidden" class="splitter" />
			<br />

			<span id="equipment_note"></span>
		</div>

		<!-- 镶嵌对话框 -->
		<div id="xiangqian_dialog" style="display:none;">
			<div class="easyui-layout">
				<div data-options="region:'west',split:false" style="width:182px;">
					<div id="equipment_datalist"></div>
				</div>

				<!-- easyui-layout:center -->
				<div data-options="region:'center',split:false">
					<table class='panel_right'>
						<tr>
							<td>
								<div class="baoshi_box">
									<img id="baoshi_1" />
								</div>
							</td>

							<td>
								<div class="equipment_box">
									<img id="equipment" />
								</div>
							</td>

							<td>
								<div class="baoshi_box">
									<img id="baoshi_2" />
								</div>
							</td>
						</tr>
					</table>

					<table style="margin:-50px 135px;">
						<tr>
							<td>
								<div class="qiling_box">
									<img id="qiling" />
								</div>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>

		<!-- 可镶嵌的宝石 -->
		<div id="baoshi_dialog" style="display:none;">
			<!-- 可镶嵌的宝石列表 -->
			<table id="baoshi_list"></table>
		</div>

		<!-- 宝石详情 -->
		<div id="baoshi_detail" style="display:none;">
			<table style="border-spacing:0;">
				<tr>
					<td rowspan=3>
						<div class="baoshi_image">
							<img id="baoshi_image" />
						</div>
					</td>

					<td>
						<div class="blue" style="font-size:16px;">
							<span id="baoshi_grade">9</span>级
							<span id="baoshi_name">太阳石</span>
						</div>
					</td>
				</tr>

				<tr>
					<td>
						<div class="yellow">
							类型：<span>宝石</span>
						</div>
					</td>
				</tr>

				<tr>
					<td>
						<div class="yellow">
							效果：<span id="baoshi_property">物理伤害</span>+<span id="baoshi_attribute">56</span>
						</div>
					</td>
				</tr>
			</table>

			<div class="white">
				镶嵌：<span id="inlay_grade">70</span>级以上<span id="inlay_equipment">武器、头盔</span>
			</div><br/>

			<div id="baoshi_note"></div>

			<div class="center">
				<a id="baoshi_inlay"></a>
			</div>
		</div>

		<!-- 可镶嵌的器灵 -->
		<div id="qiling_dialog" style="display:none;left:320px;">
			<!-- 可镶嵌的器灵列表 -->
			<table id="qiling_list"></table>
		</div>

		<!-- 器灵详情对话框 -->
		<div id="qiling_detail" style="display:none;left:720px;">
			<table style="border-spacing:0;">
				<tr>
					<td rowspan=3>
						<div class="qiling_image">
							<img id="qiling_image" />
						</div>
					</td>

					<td>
						<span id="qiling_name"></span>
					</td>
				</tr>

				<tr>
					<td>
						<div class="yellow">
							类型：<span>器灵</span>
						</div>
					</td>
				</tr>

				<tr>
					<td>
						<div class="yellow">
							等级：<span id="qiling_grade"></span>
						</div>
					</td>
				</tr>
			</table>

			<!-- 器灵属性 -->
			<div class="yellow">器灵属性</div>

			<div id="qiling_attribute">
				<span>&emsp;法术伤害&ensp;+7</span><br/>
				<span>&emsp;法术防御&ensp;+18</span>
			</div>

			<!-- 器灵套装 -->
			<div id="qiling_taozhuang">
				<div class="yellow">器灵套装</div>

				&emsp;<span id="qiling_taozhuang_name"></span>

				<!-- 套装效果 -->
				<div class="white">
					&emsp;<span id="qiling_taozhuang_xiaoguo"></span>
				</div>
			</div>

			<div class="yellow">
				打造：<span id="qiling_forger"></span>
			</div>

			<div class="yellow">
				评分：<span id="qiling_score"></span>
			</div>

			<input type="hidden" class="splitter" />
			<br />

			<!-- 器灵描述 -->
			<span id="qiling_note"></span>

			<div class="center">
				<a id="qiling_inlay"></a>
			</div>
		</div>

		<table id="equipment_list"></table>

		<script type="text/javascript" src="/js/public.js"></script>
		<script type="text/javascript" src="/js/ajaxUtils.js"></script>
		<script type="text/javascript" src="/js/columnMenu.js"></script>
		<script type="text/javascript" src="/js/equipment/equipment_list.js"></script>
	</body>
</html>